iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 5
0
Modern Web

跟著網頁動ㄘ動系列 第 5

DAY5 - 使用CCS3動ㄘ動 Part4

  • 分享至 

  • xImage
  •  

昨天說好要來介紹 animation-fill-mode: 動畫播放前後的狀態 這個屬性。/images/emoticon/emoticon13.gif

none :回到動畫尚未撥放時的狀態。
forwards :停在動畫的最後一個狀態。
backwards :停在動畫的第一個狀態。
both :停在 animation-direction播放方向結束的狀態上。

在與animation-direction的搭配上會呈現不同的結果,細節其實蠻多的,但今天好忙(毆
決定先卡位。

先放上一個覺得蠻仔細的教學
https://www.w3cplus.com/css3/css-animation-fill-mode-property.html

有緣再來補齊。/images/emoticon/emoticon16.gif


上一篇
DAY4 - 使用CCS3動ㄘ動 Part3
系列文
跟著網頁動ㄘ動5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
小斑
iT邦新手 3 級 ‧ 2017-12-08 17:44:41

連結好像無法連進去?

小斑 iT邦新手 3 級 ‧ 2017-12-08 17:46:21 檢舉

可以了,原來只是轉比較久,不好意思/images/emoticon/emoticon16.gif

0
King Tzeng
iT邦新手 3 級 ‧ 2017-12-08 17:56:26

跟我一樣/images/emoticon/emoticon20.gif卡文先....(被打...

我要留言

立即登入留言